import defaultTheme from '@/common/echarts-skin/default.project.js';
import romaTheme from '@/common/echarts-skin/roma.project.js';
import essosTheme from '@/common/echarts-skin/essos.project.js';
import waldenTheme from '@/common/echarts-skin/walden.project.js';
import wonderlandTheme from '@/common/echarts-skin/wonderland.project.js';
import darkTheme from '@/common/echarts-skin/dark.project.js';
import lightTheme from '@/common/echarts-skin/light.project.js';

export const getPageSkin = (vm) => {
  return [
    {
      name: vm.$t('dashboard.mr'),
      icon: 'mr',
      config: defaultTheme.theme
    },
    {
      name: vm.$t('dashboard.mkl'),
      icon: 'mkl',
      config: romaTheme.theme
    },
    {
      name: vm.$t('dashboard.qrc'),
      icon: 'qrc',
      config: essosTheme.theme
    },
    {
      name: vm.$t('dashboard.hwl'),
      icon: 'hwl',
      config: waldenTheme.theme
    },
    {
      name: vm.$t('dashboard.xzl'),
      icon: 'xzl',
      config: wonderlandTheme.theme
    }
  ]
}
export const ChartSkinMap: { [key: string]: any } = {
  'dark': {
    name: '暗黑',
    icon: 'dark',
    config: darkTheme.theme
  },
  'light': {
    name: '明亮',
    icon: 'light',
    config: lightTheme.theme
  },
  'mr': {
    name: '默认',
    icon: 'mr',
    config: defaultTheme.theme
  },
  'mkl': {
    name: '马卡龙',
    icon: 'mkl',
    config: romaTheme.theme
  },
  'qrc': {
    name: '秋日橙',
    icon: 'qrc',
    config: essosTheme.theme
  },
  'hwl': {
    name: '海蔚蓝',
    icon: 'hwl',
    config: waldenTheme.theme
  },
  'xzl': {
    name: '仙踪绿',
    icon: 'xzl',
    config: wonderlandTheme.theme
  }
}